<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>学了么课程详情</title>
    <!--    引入图标-->
    <!--    比特虫网站可以将图片转换为ico图标 放在根目录-->
    <!--<link rel="shortcut icon" href="favicon.ico"  type="image/x-icon"/>-->
    <!--    引入css初始化文件-->
    <link rel="stylesheet" href="../css/normalize.css">
    <!--    基本结构-->
    <link rel="stylesheet" href="../css/base.css">
    <link rel="stylesheet" type="text/css" href="../css/index.css">
</head>

<body>
<!--快速导航栏部分 start-->
<div class="shortcut">
    <div class="w">
        <div class="fl">
            <a href="#"><img src="../images/logo.png" alt="学了么" height="74px"></a>
            <select name="" id="">
                <option value="0">高等数学</option>
                <option value="1">数据结构</option>
                <option value="2">编译原理</option>
                <option value="3">算法导论</option>
            </select>
        </div>
        <ul class="fr">
            <li><a href="#">问答社区&nbsp;<i></i></a></li>
            <li><a href="#">我的课堂</a></li>
            <li><a href="#">资源中心</a></li>
            <li><a href="#">消息通知</a></li>
            <li><a href="#">用户手册</a></li>
            <li>
                <a href="#"><img src="../images/user.png" alt="个人中心"></a>
            </li>
        </ul>
    </div>
</div>
<!--快速导航栏部分 end-->

<!--课程详细页面 start-->
<div style="background-color: rgb(51,53,61);height: 800px; ">
    <div class="danpin center">
        <div class="biaoti center">教学</div>
        <div class="main center">
            <div class="info-card fl" >
                <p>加入课堂</p><span>2019-10</span>
            </div>
            <div class="info-card fl" >
                <div class="infocard-t">
                    <p>课件</p>
                </div>
                <div class="infocard-b">
                    <p>讨论</p>
                </div>
            </div>
            <div class="info-card fl" >
                <div class="infocard-t">
                    <p>签到</p>
                </div>
                <div class="infocard-b">
                    <p>点答</p>
                </div>
            </div>
            <div class="info-card fl" >
                <div class="infocard-t">
                    <p>答题</p>
                </div>
                <div class="infocard-b">
                    <p>互评</p>
                </div>
            </div>
            <div class="info-card fl" >
                <div class="infocard-t">
                    <p>课堂反馈</p>
                </div>
                <div class="infocard-b">
                    <p>作业</p>
                </div>
            </div>
            <div class="last fl" >
                <p>本课堂资源库</p>
            </div>
        </div>
        <!--  更多-->
        <div class="biaoti center">管理</div>
        <div class="more">
            <ul>
                <li>
                    <p>学生管理</p>
                    <i></i>
                </li>
                <li>
                    <p>分组管理</p>
                    <i></i>
                </li>
                <li><p>成绩管理</p>
                    <i></i>
                </li>
                <li>
                    <p>课堂设置</p>
                    <i></i>
                </li>
                <li>
                    <p>资料要求</p>
                    <i></i>
                </li>
                <li>
                    <p>高级设置</p>
                    <i></i>
                </li>
            </ul>
        </div>

    </div>
</div>
<!--课程详细页面 end-->
</body>
</html>